.message-emitter{
	background-color: #f1f1f3;
	// position: fixed;
	// bottom: 0;
	position: relative;
	bottom: 0;
	// bottom: 412px;
	width: 100vw;
	.message-emitter-publish-container{
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 88rpx;
		padding: 0rpx 16rpx 0rpx 16rpx;
		.publish-left-wrapper{
		}
		.publish-center-wrapper{
			flex: 1;
			margin: 16rpx 0rpx 16rpx 0rpx;
			min-height:56rpx;
			display: flex;
			align-items: center;
			background-color: #ffffff;
			&.disabled{
				background-color: #e2e2e2 !important;
			}
			.text-input{
				width: 100%;
				// height: 100%;
				padding: 0rpx 20rpx 0rpx 20rpx;
				box-sizing: border-box;
				letter-spacing: 1rpx;
				font-size: 30rpx;
			}
			.voice-input{
				width: 100%;
				// height: 100%;
				height: 100%;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 800;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #1D1D1F;
				background-color: #ffffff;
			}
		}
		.publish-right-wrapper{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 144rpx;
			.submit-button{
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 24rpx;
				font-weight: 800;
				width: 110rpx;
				height: 60rpx;
				background-color: #3c9cff;
				color: #ffffff;
				border: none;
				outline: none;
				padding: 0 !important;
				&:active{
					background-color: #9acafc;
				}
				&::after{
					border: none;
				}
			}
		}
		.change-msg-type-button{
			width: 48rpx;
			height: 48rpx;
			.icon{
				font-size: 48rpx;
				color: #6f6f71;
			}
			&.voice{
				margin: 0rpx 16rpx 0rpx 16rpx;
			}
			&.expression{
				margin: 0rpx 16rpx 0rpx 16rpx;
			}
			&.other{
				margin: 0rpx 16rpx 0rpx 0rpx;
			}
		}
	}
	.message-emitter-menu-container{
		.other-message-menu-wrapper{
			padding: 44rpx 64rpx 44rpx 64rpx;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: space-around;
			.other-type-msg-item{
				width: 104rpx;
				height: 146rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: center;
				.message-type-icon-container{
					width: 104rpx;
					height: 104rpx;
					.message-type-icon{
						width: 100%;
						height: 100%;
					}
				}
				.message-type-label{
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #6E6E73;
				}
			}
		}
		.emoji-message-menu-wrapper{
			width: 100%;
			display: flex;
			justify-content: space-around;
			flex-wrap: wrap;
			position: relative;
			overflow-y: scroll;
			height: 300rpx;
			.emoji-item{
				width: 100rpx;
				height: 100rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				.emoji{
					width: 70rpx;
					height: 70rpx;
				}
			}
		}
	}
	&.safeArea{
			bottom: env(safe-area-inset-bottom) !important;
	}
}

// @keyframes msg-menu-show{
// 	0%{
// 		display: block;
// 		transform: translateY(100%);
// 	}
// 	100%{
// 		display: block;
// 		background-color: red;
// 		transform: translateY(0);
// 	}
// }

// @keyframes msg-menu-hide{
// 	0%{
// 		display: block;
// 		transform: translateY(0);
// 	}
// 	100%{
// 		display:none;
// 		transform: translateY(100%);
// 	}
// }